﻿.header{box-shadow: 0px 5px 20px 5px #eee;}
.nav{height: 102px;line-height: 102px;width:1200px;margin:0 auto;}
.nav h1{display:none;}
.nav li{float: left;margin: 0px 50px;position:relative;}
.nav li a{font-size:16px;color:#000;}
.nav li img{vertical-align:middle;}
.nav li.li_logo{line-height: 96px;}
.nav ul li dl{position:absolute;top:102px;background: #fff;z-index: 999;width: 100px;text-align:center;display: none;left: 50%;margin-left: -50px;border-top: 2px solid #028f7f;}
.nav ul li.active>a,.nav ul li:hover>a{color:#028f7f}
.nav ul li dl a{line-height: 26px;padding:0px;border-radius: 0;color: #000;border: 0;}
.nav ul li dl dd{padding: 5px 10px;box-sizing: border-box;line-height: 20px;}
.nav ul li dl dd:hover a{color: #028f7f;}
.nav ul li dl dd.active a{color:#028f7f;}

.form{width:1200px;margin: 14px auto 10px;text-align:right;}
.form form{width:137px;height:26px;border:1px solid #cecece;box-sizing:border-box;border-radius:50px;line-height:24px;float: right;margin: 0px 0px 0px 18px;}
.form form input[type='text']{text-indent: 15px;font-size:12px;color:#000000;width:100px;float: left;height: 24px;}
.form form .btn{width: 16px;height:24px;background: url(../images/icon-search.png) center center no-repeat;cursor:pointer;margin: 0px 8px 0px 0px;float: right;}
.form form input[type='text']::placeholder{color:#000;}
.form p.p1{float: right;height: 26px;line-height: 26px;}
.form p.p1 img{vertical-align:middle;margin: -5px 6px 0px 0px;}
.form p.p1 a{color: #000;}
.banner {width:100%;overflow: hidden;position: relative;}
.banner img{width:100%;height:31.25vw;}
.banner .swiper-pagination-bullet{width:11px;height: 11px;background: #fff;border-radius:50%;opacity: 1;margin:0px 8px!important;}
.banner .swiper-pagination-bullet-active{background:#028f7f;}
.banner .swiper-pagination{bottom:27px;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{display:none;}
.banner .mySwiper{position:relative;}
.banner .icon{position:absolute;top:50%;transform:translateY(-50%);left:50%;margin-left:-600px;z-index:99999;width:1200px;}
.banner .swiper-button-prev,.banner .swiper-button-next{width:60px;height:60px;border:1px solid #fff;box-sizing:border-box;border-radius:50%;}
.banner .swiper-button-prev{left:-80px;background:url(../images/icon-prev.png) center center no-repeat;}
.banner .swiper-button-next{right:-80px;background:url(../images/icon-next.png) center center no-repeat;}

.footer{background:#2b2c31;padding:60px 0px 0px 0px;}
.footer .center{width:1200px;margin:0 auto;}
.footer .foot1 {text-align:center;}
.footer .foot1 a{color:#fff;font-size:14px;margin:0px 40px;position:relative;}
.footer .foot1 a:after{width:1px;height: 15px;background: #cacacb;content:'';position: absolute;right: -40px;top: 4px;}
.footer .foot1 a:last-child:after{display:none;}
.footer .foot1 a:hover{opacity:0.8}
.foot2{margin:35px auto 42px;}
.foot2L{color:#fff;float: left;width: 600px;}
.foot2L .f1{margin:0px 0px 8px 0px;}
.foot2L label{width:90px;height:24px;border:1px solid #fff;box-sizing:border-box;border-radius:50px;display:inline-block;text-align:center;line-height:22px;}
.foot2L .add{display:inline-block;margin: 0px 0px 0px 12px;line-height: 24px;}
.foot2R{float:right;width:120px;height:120px;padding:8px;box-sizing:border-box;background:#fff;}
.foot2R img{width:100%;height:100%;}
.copyright{color:#fff;opacity:0.6;height:45px;line-height:45px;text-align:center;background:#25262a;}
.copyright a{color:#fff;}
a.getTop{width:75px;height:75px;border:1px solid #c9c9c9;position:fixed;right:10px;bottom: 10vw;background:url(../images/icon-top.png) #fff center center no-repeat;cursor: pointer;display: block;z-index: 99999999;}


.Mbanner{display:none;}


@media(max-width:1500px){
    a.getTop{width:60px;height: 60px;}

}










@media(max-width:880px){
    .nav{width:100%;box-sizing: border-box;height: 65px;line-height: 56px;position: relative;}
    .nav h1{display:block;float: left;max-width: 50%;height: 100%;margin: 0px 0px 0px 4%;}
    .nav h1 a{display:block;height:100%;}
    .nav .open{width:30px;height:25px;background:url(../images/icon-open.png) center center no-repeat;display:block;position: absolute;right: 4vw;background-size: 26px;top: 50%;margin-top: -14px;}
    .nav .open.back{background:url(../images/icon-back.png) center center no-repeat;background-size:20px;}
	.nav h1 img{max-width:100%;max-height: 70%;vertical-align:middle;}
    .nav ul{position:absolute;width:100%;top: 65px;background: #fff;z-index: 999999999;box-shadow: 0px 8px 15px 0px #eee inset;display: none;}
	.nav ul li{text-align:center;margin: 0;height: 50px;line-height: 50px;float: none;position: unset;}
	.nav ul li a{padding:0;line-height: 50px;border: 0;font-size: 18px;display: inline-block;}
	.nav ul li dl{position: absolute;right: -100%;top: 0px;min-height: 302px;background: #fff;box-shadow: 6px 0px 13px 0px #eee inset;width: 100%;left: auto;margin: 0;border: 0;}
	.nav ul li dl dd{border-bottom: 1px solid #d0d0d0;/* height: 50px; */line-height: 30px;box-sizing: border-box;text-align: left;padding: 12px 10px 8px 30px;position: relative;}
	.nav ul li dl dd a{line-height: 22px;display: inline-block;color: #000000;font-size: 16px;}
	.nav ul li dl dd a:before{width:5px;height:5px;background: #dde8f3;content:'';display: inline-block;margin: 0px 8px 0px 0px;position: relative;top: 25px;margin-top: -2.5px;position: absolute;left: 15px;}
	.nav ul li dl dd:hover a:before{background: #12a28e;}
	.nav ul li dl dd.on a:before{background:#a40001;}
	.nav ul li.active, .nav ul li:hover{background: #12a28e;border:0;color:#fff;}
	.nav ul li.activ>a{color:#fff;border:0;}
	.nav ul li:hover>a{color:#fff;border:0;}
	.nav ul li.active>a, .nav ul li:hover>a{color:#fff;border: 0;}
	.nav ul.on{width:50%;}
	.nav ul li:hover dl{display:block;}
	.nav ul li dl dd.active a:before{background:#12a28e;}
	.nav ul li dl dd.active a,.nav ul li dl dd:hover a{color:#12a28e;}


    .footer .center{width:94vw;}
	.footer{padding:25px 0px 0px 0px;}
	.footer .foot1 a{margin: 0px calc((100% - 240px)/12);font-size: 12px;}
	.footer .foot1 a:after{right: calc((100% - 240px)/15);height: 13px;top: 2px;}
	.foot2{margin: 25px auto 20px;position: relative;padding: 0px 0px 10px 0px;}
	.foot2L{width:100%;float:none;}
	.foot2L label{width:75px;font-size:12px;}
	.foot2L .add{margin:0px 0px 0px 3px;font-size: 12px;}
	.foot2R{width:70px;height:70px;padding:3px;position:absolute;bottom:0px;right:0px;}
	.copyright{font-size:12px;height: auto;line-height: 20px;padding: 10px 0px;}

	.form{width:94vw;}

    .PCbanner{display: none;}
	.Mbanner{display:block;}

	.banner img{height: 50vw;}
	.banner .swiper-pagination{bottom:10px;}
	.banner .swiper-pagination-bullet{width:7px;height:7px;margin: 0px 6px!important;}

	a.getTop{width: 40px;height: 40px;bottom:20vh;background-size: 16px;}


    
}

